@charset "utf-8";
*{box-sizing: border-box;font-size: 14px;margin: 0;padding: 0;}
body{background: #00CC00;}
ul{list-style:none;padding: 0;margin: 0;}
a{color: #333;text-decoration:none}
a:hover {color: #000;text-decoration:none;}
p { margin-bottom:0;}
.block{display: block;}
button{border: 1px solid transparent;outline: none; }
input{border: 1px solid transparent;outline: none;}


.c1{color: var(--themeColor);}
.b1{background: var(--themeColor);}
.jb{background-image: var(--themeJb);}
.cur{cursor: pointer;}
.cfff{color: #fff;}
.c666{color: #666666;}
.c999{color: #999999;}
.t-c{text-align: center;}


.container{padding: 0 30px;}
.swiper-button-next, .swiper-button-prev{color: #fff;}



.swiper1 div.ss1{position: relative;}
.swiper1 p{color: #fff;position: absolute; left: 0;bottom: 0;padding: 0 15px;background: rgba(0,0,0,0.5);}


.swiper0 {width: 100%;height: auto;}
.ss0{height: 300px;width: 100%;}

.swiper1{width:100%;height:100%}
.ss1{background-position:center;background-size:100% 100%;width:100%;height:100%;}

.swiper2{width:100%;}
.ss2{background-position:center;background-size:cover;background: #fff;width: 300px; height: 220px;transition: .5s;padding: 15px;}
.ss2 img{height: 100%;}
.ss2:hover{transform: scale(1.2,1.2);transition: .5s;}
.swiper-slide-active,.swiper-slide-duplicate-active{transform: scale(1);}
.w-80{width: 80%;}
.t-o{overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}


.tab{position:relative;width:100%;height:100%;overflow:hidden;font-family:Arial}
.tab-nav{height:35px;overflow:hidden;background:#f5f5f5}
.tab-nav a{display:block;float:left;width:90px;height:35px;line-height:35px;text-align:center;text-decoration:none;color:#999}
.tab-nav a.current{background:#fff;color:#333}
.tab-con{position:relative;width:100%;height:100%;overflow:hidden;background:#fff}
.tab-con-item{display:none;width:100%;height:100%;color:#333}
.tab-con-item li{line-height: 36px;padding-left: 15px;}



/*左侧导航*/
.s-firstDrop,.s-secondDrop{display:none}






/*客服*/
.main-im{position:fixed;right:10px;top:300px;z-index:100;width:110px;height:272px;}
.main-im .qq-a{display:block;width:106px;height:116px;font-size:14px;color:#0484cd;text-align:center;position:relative;}
.main-im .qq-a span{bottom:5px;position:absolute;width:90px;left:10px;}
.main-im .qq-hover-c{width:70px;height:70px;border-radius:35px;position:absolute;left:18px;top:10px;overflow:hidden;z-index:9;}
.main-im .qq-container{z-index:99;position:absolute;width:109px;height:118px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #dddddd;background:url(../images/qq-icon-bg.png) no-repeat center 8px;}
.main-im .img-qq{max-width:60px;display:block;position:absolute;left:6px;top:3px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.main-im .im-qq:hover .img-qq{max-width:70px;left:1px;top:8px;position:absolute;}
.main-im .im_main{background:#F9FAFB;border:1px solid #dddddd;border-radius:10px;background:#F9FAFB;display:none;}
.main-im .im_main .im-tel{color:#000000;text-align:center;width:109px;height:105px;border-bottom:1px solid #dddddd;}
.main-im .im_main .im-tel div{font-weight:bold;font-size:12px;margin-top:6px;}
.main-im .im_main .im-tel .tel-num{font-family:Arial;font-weight:bold;color:#e66d15;}
.main-im .im_main .im-tel:hover{background:#fafafa;}
.main-im .im_main .weixing-container{width:55px;height:47px;border-right:1px solid #dddddd;background:#f5f5f5;border-bottom-left-radius:10px;background:url(../img/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show{width:112px;height:172px;background:#ffffff;border-radius:10px;border:1px solid #dddddd;position:absolute;left:-125px;top:-126px;}
.main-im .im_main .weixing-show .weixing-sanjiao{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #ffffff;border-width:6px;left:112px;top:134px;position:absolute;z-index:2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #dddddd;border-width:8px;left:112px;top:132px;position:absolute;}
.main-im .im_main .weixing-show .weixing-ma{width:104px;height:103px;padding-left:5px;padding-top:5px;}
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto;text-align:center;}
.main-im .im_main .go-top{width:50px;height:47px;background:#f5f5f5;border-bottom-right-radius:10px;background:url(../img/totop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a{display:block;width:52px;height:47px;}
.main-im .close-im{position:absolute;right:10px;top:-12px;z-index:100;width:24px;height:24px;}
.main-im .close-im a{display:block;width:24px;height:24px;background:url(../img/close_im.png) no-repeat left top;}
.main-im .close-im a:hover{text-decoration:none;}
.main-im .open-im{cursor:pointer;margin-left:68px;width:40px;height:133px;background:url(../img/open_im.png) no-repeat left top;}









/*主导航*/
.menv li{width: 100%;}
.menv a{width: 100px;display: block;margin: 0 auto;height: 45px;line-height: 45px;text-align: center;transition: 0.5s;color: #fff;font-weight: 700;}
.menv a:hover{color: #fff;transition: 0.5s;}
#head{height: 145px;}

#foot{background: url(../img/footbg.png) bottom no-repeat;line-height:28px;padding: 10px;width: 100%;}


/*夫导航*/
.nav2List {height: 45px;line-height: 45px;padding-left: 20px;cursor: pointer;}
.nav2List span {padding-left: 3px;}
.nav3List{display: none;}
.p-l-20 {padding-left: 20px;}
.p-30{padding: 30px;}

/*卡片标题*/
.card{background: url(../img/zstt.jpg) repeat-x;border: 1px solid #ededed;}
.cardHead{padding-left: 10px;padding-right: 10px;height: 32px;line-height: 32px;}

/*案例*/
.caseItem{width: 90%;height: 140px;margin: 0 auto; box-shadow: 0 0 5px #dedede;transition: .5s;}
.caseItemTxt{width: 200px;margin: 0 auto;text-align: center;}
.caseItem:hover{transform: scale(1.1,1.1);transition: .5s;}
/*案例列表*/
#caseList>a{padding: 15px;box-shadow: 0 0 5px #dedede;margin-bottom: 20px;}



/*产品*/
.proItem{width:175px;height: 140px;margin: 0 auto; box-shadow: 0 0 5px #dedede;transition: .5s;}
.proItemTxt{width: 175px;margin: 0 auto;padding-top: 10px;text-align: center;}
.proItem:hover{transform: scale(1.1,1.1);transition: .5s;}

/*新闻*/
.newUl li{border-bottom: 1px dotted #f0f0f0;line-height: 30px;font-size: 12px;color: #777 !important;}



#content{line-height: 28px;padding: 50px 20px;}
#content img{max-width: 100%;}
#title{text-align: center; padding: 30px 0;font-weight: 700;font-size: 16px;}
